<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width" id="viewport">
<@w.jnyzDes/>
<@w.rctx/>
<title><@w.jnyzTitle/></title>
<@w.jnyzCSSAndJS/>
</head>

<body>

	<!--top-->
	<@w.jnyzHead/>

	<!--pic-->
	<@w.jnyzCpfl/>
	<div class="cpzs">
		<div style="height: 1100px; overflow: hidden;" id="marqueebox0">
			<div id="marqueebox1">
				<div class="s-pro001">
					<#list productsShow as item>
						<div>
						<li>
							<div class="tu">
								<a href="${ctx}/web/jnyz/productDetail/${item.id!}" target="_blank" title="${item.title!}">
									<div class="uptu"></div>
								</a> 
								<img src="${ctx}/uploadfile/image/${item.firstjjtp!}" alt="${item.title!}" width="100%">
							</div>
							<div class="nr">
								<a href="${ctx}/web/jnyz/productDetail/${item.id!}" target="_blank" title="${item.title!}">${item.title!}</a><span>${item.brief!}</span>
							</div>
						</li>
					</div>
					</#list>
				</div>
			</div>
			<div id="marqueebox2">
				<div class="s-pro001">
					<#list productsShow as item>
					<div>
						<li>
							<div class="tu">
								<a href="${ctx}/web/jnyz/productDetail/${item.id!}" target="_blank" title="${item.title!}">
									<div class="uptu"></div>
								</a> 
								<img src="${ctx}/uploadfile/image/${item.firstjjtp!}" alt="${item.title!}" width="100%">
							</div>
							<div class="nr">
								<a href="${ctx}/web/jnyz/productDetail/${item.id!}" target="_blank" title="${item.title!}">${item.title!}</a><span>${item.brief!}</span>
							</div>
						</li>
					</div>
					</#list>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			function startmarquee(lh, speed, delay, index) {
				var t;
				var p = false;
				var o = document.getElementById("marqueebox" + index);

				var oo = document.getElementById("marqueebox" + 1);

				var oooo = document.getElementById("marqueebox" + 2);

				oooo.innerHTML = oo.innerHTML;

				o.onmouseover = function() {
					p = true
				}
				o.onmouseout = function() {
					p = false
				}
				o.scrollTop = 0;
				function start() {
					t = setInterval(scrolling, speed);
					if (!p)
						o.scrollTop += 2;
				}
				function scrolling() {
					if (o.scrollTop % lh != 0) {
						o.scrollTop += 2;
						if (o.scrollTop >= o.scrollHeight / 2)
							o.scrollTop = 0;
					} else {
						clearInterval(t);
						setTimeout(start, delay);
					}
				}
				setTimeout(start, delay);
			}
			startmarquee(0, 30, 0, 0);
		</script>
	</div>
	<div class="clear"></div>


	<!--about-->
	<div class="about">
		<div class="about1">
			<div class="about2">
				<p class="a8">OUR BRIEF INFRODUCTION</p>
				<p class="a7">关于我们</p>
				<br>
				<p class="a3">济宁正企养殖有限公司</p>
				<p class="a10">
					成立于2012年,是一家专业综合性的观赏动物养殖基地。主要产品有：骑乘马、小矮马、骆驼、羊驼、梅花鹿、鸵鸟、观赏开屏孔雀、黑天鹅等，经过几年科学繁殖和饲养，成功的培养出抗病力强，生长快的各种优良品种。本基地集养殖、批发、销售与一体,品种齐全,所有的动物都是经过专业饲养员驯养,品种优良,适应能力强,可用于居家、公司、农园养殖和园林、生态园、企业、别墅、景点、旅游园区观赏——面向全国供应。<br>我们的技术人员愿为广大的养殖者提供饲养技术，并同时欢迎大家来实地考察……
				</p>
				<br>
				<p class="a3">销售热线：15660442888（微信同号）</p>
			</div>
			<div class="about-more">
				<a href="about" class="a15">查看详情</a>
			</div>
		</div>
	</div>
	<div class="clear"></div>

	<!--news-->
	<div id="news">
		<span class="a8">OUR BREEDING NEWS</span><br> <span class="a8">养殖新闻</span>
	</div>

	<div class="y-news002 mt-20">
		<ul>
			<#list newsShow as item>
				<li>
				<div class="tu01">
					<a href="${ctx}/web/jnyz/newsDetail/${item.id!}" target="_blank" title="${item.title!}"><h3>${item.title!}</h3></a>
					<p>&nbsp; &nbsp; ${item.brief!}</p>
					<div class="news002-more">
						<a href="${ctx}/web/jnyz/newsDetail/${item.id!}" target="_blank" title="${item.title!}"> —— Read More</a>
					</div>
					<div class="date01">
						<p class="a9">
							${item.publishDate?substring(8)}<br>${item.publishDate?substring(0,7)}
						</p>
					</div>
				</div>
				<div class="clear"></div>
				</li>
			</#list>
		</ul>
	</div>

	<div class="clear"></div>

	<!--sj-->
	<div id="sj">
		<div id="sylm">
			<span class="a8">OUR REAL ENVIRONMENT</span><br> <span class="a7">养殖实景</span>
		</div>

		<div class="sj1">
			<div id="div3">
				<ul style="width: 12080px; left: 0px;">
					<#list activityShow as item>
						<li><a href="${ctx}/web/jnyz/activityDetail/${item.id!}" target="_blank"> 
								<img src="${ctx}/uploadfile/image/${item.firstjjtp!}" alt="养殖实景">
								<ol>养殖实景
								</ol>
							</a>
						</li>
					</#list>
				</ul>
			</div>
			<script type="text/javascript">
				window.onload = function() {
					var odiv = document.getElementById('div3');
					var oul = odiv.getElementsByTagName('ul')[0];
					var ali = oul.getElementsByTagName('li');
					var spa = -2;
					oul.innerHTML = oul.innerHTML + oul.innerHTML;
					oul.style.width = ali[0].offsetWidth * ali.length + 'px';
					function move() {
						if (oul.offsetLeft < -oul.offsetWidth / 2) {
							oul.style.left = '0';
						}
						if (oul.offsetLeft > 0) {
							oul.style.left = -oul.offsetWidth / 2 + 'px'
						}
						oul.style.left = oul.offsetLeft + spa + 'px';
					}
					var timer = setInterval(move, 30)

					odiv.onmousemove = function() {
						clearInterval(timer);
					}
					odiv.onmouseout = function() {
						timer = setInterval(move, 30)
					};
					document.getElementsByTagName('a')[0].onclick = function() {
						spa = -2;
					}
					document.getElementsByTagName('a')[1].onclick = function() {
						spa = 2;
					}
				}
			</script>
		</div>
	</div>
	<div class="clear"></div>

	<!--foot-->
	<@w.jnyzFoot/>

	<!-- 弹出框 -->
	<@w.jnyzTck/>
</body>
</html>